@layout("/common/_container.html"){
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>预约客户成交业绩记录</h5>
            </div>
            <div class="ibox-content">
                <div class="row row-lg">
                    <div class="col-sm-12">
                        <div style="display: none">
                            <input type="hidden" id="id" value="">
                            <input type="hidden" id="userName" value="${userName}">
                            <input type="hidden" id="oneChannelValue" value="">
                            <input type="hidden" id="twoChannelValue" value="">
                            <input type="hidden" id="thrChannelValue" value="">
                            <input type="hidden" id="payservicenameValue" value="">
                            <input type="hidden" id="outpatientNameValue" value="">
                        </div>
                        <div class="row">
                            <div class="col-sm-3 fatherBtn">
                                <#NameCon id="customerName" name="客户姓名" />
                            </div>
                            <div class="col-sm-3 fatherBtn">
                                <#NameCon id="customerPhone" name="电话" />
                            </div>
                            <div class="col-sm-3 fatherBtn">
                                <#NameCon id="archiving" name="建档人" />
                            </div>
                            <div class="col-sm-3 fatherBtn">
                                <div class="archiving_btn search_bt search_bt_selt"
                                     onclick="ReservationsAggregate.getArchiving()">选择
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <label class="col-sm-1 btn addBtn addBtn_x2">成交项目</label>
                            <div class="col-sm-2 addBtn_y2">
                                <select class="form-control" id="department" name="department">
                                </select>
                            </div>
                            <label class="col-sm-1 btn addBtn addBtn_x2">门诊</label>
                            <div class="col-sm-2 addBtn_y2">
                                <select class="form-control" id="arrivalStore" name="arrivalStore">
                                </select>
                            </div>
                            <div class="col-sm-3 fatherBtn">
                                <#NameCon id="reservationsNum" name="预约号" />
                            </div>
                            <div class="col-sm-3 fatherBtn">
                                <#NameCon id="wechatNumber" name="微信号" />
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-3 fatherBtn">
                                <#TimeCon id="startTime" name="成交时间" isTime="true"  pattern="YYYY-MM-DD hh:mm:ss" />
                            </div>
                            <div class="col-sm-3 fatherBtn">
                                <#TimeCon id="endTime" name="-" isTime="true"  pattern="YYYY-MM-DD hh:mm:ss" />
                            </div>
                            <div class="col-sm-3 fatherBtn">
                                <#TimeCon id="startArrivalTime" name="到店时间" isTime="true"  pattern="YYYY-MM-DD hh:mm:ss" />
                            </div>
                            <div class="col-sm-3 fatherBtn">
                                <#TimeCon id="endArrivalTime" name="-" isTime="true"  pattern="YYYY-MM-DD hh:mm:ss" />
                            </div>
                        </div>
                        <div class="row">
                            <label class="col-sm-1 btn addBtn addBtn_x2">一级渠道</label>
                            <div class="col-sm-2 addBtn_y2">
                                <select class="form-control" id="oneChannel" name="oneChannel">
                                </select>
                            </div>
                            <label class="col-sm-1 btn addBtn addBtn_x2">二级渠道</label>
                            <div class="col-sm-2 addBtn_y2">
                                <select class="form-control" id="twoChannel" name="twoChannel">
                                </select>
                            </div>
                            <label class="col-sm-1 btn addBtn addBtn_x2">三级渠道</label>
                            <div class="col-sm-2 addBtn_y2">
                                <select class="form-control" id="thrChannel" name="thrChannel">
                                </select>
                            </div>
                            <div class="col-sm-3">
                                <div class="search_bt" onclick="ReservationsAggregate.search()">搜索</div>
                                <div class="search_bt" onclick="ReservationsAggregate.resetSearch()">重置</div>
                            </div>
                        </div>
                        <div class="row">
                            <h4 style="margin:20px 20px ">总金额：<span class="label  label-danger" id="sumMoney"> 0</span> 元
                            </h4>
                        </div>
                        <#table id="ReservationsAggregateTable"/>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/modular/marketing/reservations/reservationsAggregate.js"></script>
<script src="${ctxPath}/static/js/common/jsChannel.js"></script>
<script>
    var oneChanneli = document.getElementById("oneChannelValue").value;
    var twoChanneli = document.getElementById("twoChannelValue").value;
    var thrChanneli = document.getElementById("thrChannelValue").value;
    $.post(Feng.ctxPath + "/channel/getChannelsss", function (data) {
        ChannelList = data;
        channelInit('oneChannel', 'twoChannel', 'thrChannel');
    }, "json");
</script>
<style>
    .search_bt_selt {

    }

    .addBtn_y1 {
        position: relative;
        left: 0;
    }

    .addBtn_x1 {
        position: relative;
        left: 15px;
    }

    .addBtn_y2 {
        position: relative;
        left: -5px;
    }

    .addBtn_x2 {
        position: relative;
        left: 10px;
    }

    .addBtn_y3 {
        position: relative;
        left: -11px;
    }

    .addBtn_x3 {
        position: relative;
        left: 4px;
    }

    .search_bt, .other_bt {
        cursor: pointer;
        display: inline-block;
        width: 115px;
        height: 27px;
        line-height: 27px;
        color: white;
        text-align: center;
        font-size: 14px;
        border-radius: 20px;
    }

    .search_bt {
        background: url("${ctxPath}/static/img/x18.png") no-repeat;
        background-size: cover;
    }

    .other_bt {
        background: url("${ctxPath}/static/img/x19.png") no-repeat;
        background-size: cover;
    }

    td a {
        display: block;
        width: 150%;
        position: relative;
        left: -25%;
    }
</style>
@}
